<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>活动详情</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/active.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/share.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div id="slideBar">
	<a class="contact flex-col" href="tel:110">
		<span class="icon"><img src="image/icon/slide-icon.png" /></span>
	</a>
</div>

<footer class="footer top-line main-line flex-row" id="bottomBtn">
	<div class="txt tl flex-full">当前价格：￥1240.00</div>
	<a class="btn" href="enterOrder.html">立即购买</a>
</footer>
<div class="swiper-container Main" id="Main" style="background-color: #fb4c50;">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children" id="activeMod-3">
				
				<div class="activeMod bg-w">
					<div class="photo">
						<img src="image/test/pro-3.png" />
					</div>
					<div class="name tc">王多鱼</div>
					<ul class="activePro flex-row">
						<li class="pt">
							<img src="image/test/pro-1.png" />
						</li>
						<li class="info flex-full">
							<div class="bt">男式V领精致缩绒套头羊毛衫</div>
							<div class="flex-row">
								<div class="val flex-full">还差<span>￥9600.00</span></div>
								<span class="num">6人参与砍价</span>
							</div>
						</li>
					</ul>
				</div>
				
				<div class="date">活动周期  2018.09.10 ~ 2018.10.10</div>
				
				<a class="invite" onclick="cutSuccess()">我也想砍价</a>
				
				<div class="line"></div>
				
				<!--砍价-->
				<div class="redBar-bg" style="background: rgba(255,255,255,.9);">
					<div class="mod dm-clearfix">
						<ul class="dm-left tl val-1">
							<li class="name h6">市场价</li>
							<li class="val">￥12000.00</li>
						</ul>
						<ul class="dm-right tr val-2">
							<li class="name h6">目标价</li>
							<li class="val">￥120.00</li>
						</ul>
					</div>
					
					<div class="progressMod">
						
						<ul class="progress">
							<li class="cur">
								<div class="text dm-wrap">已砍<span>￥100.00</span></div>
							</li>
							<li class="all"></li>
						</ul>
					</div>
					
					<div class="ev-title flex-row">
						<span></span>砍价记录<span></span>
					</div>
					<div class="divide-list">
						<ul class="list flex-row">
							<li class="photo cover">
								<img src="image/test/pro-3.png" />
							</li>
							<li class="flex-full info">
								<h5 class="name">王多鱼</h5>
								<h6 class="time">2018-09-04 12:23:11</h6>
							</li>
							<li class="val">砍掉了<span>￥3.00</span></li>
						</ul>
						<ul class="list flex-row">
							<li class="photo cover">
								<img src="image/test/pro-1.png" />
							</li>
							<li class="flex-full info">
								<h5 class="name">杨顶天</h5>
								<h6 class="time">2018-09-04 12:23:11</h6>
							</li>
							<li class="val">砍掉了<span>￥3.00</span></li>
						</ul>
					</div>
					
				</div>
				<!--砍价 end-->
				
				<div class="line"></div>
				
				<!--活动规则-->
				<div class="redBar-bg">
					
					<div class="ev-title flex-row">
						<span></span>活动规则<span></span>
					</div>
					<div class="txt tj">
						1、本次秒杀活动为志邦厨柜用户专享。<br /><br />
						2、活动期间使用任何舞弊行为的用户一经发现，即刻取消秒杀活动资格。<br /><br />
						3、每日秒杀的礼品数量有限，秒完即止。秒杀礼品库存数量在秒杀过程中实时变化，秒杀成功与否以实际结果为准。<br /><br />
						4、每名用户每天可成功参与一次秒杀，活动期间每名用户最高可成功秒杀5次。<br /><br />
						5、在成功秒杀后，用户需提供真实信息。如因用户资料不全导致活动奖品无法正确发放的情况，主办方不对由此产生的任何后果负责。
					</div>
					
				</div>
				<!--活动规则 end-->
				
			</div>
			
		</div>
	</div>
</div>

<script type="text/javascript">
pullSwiper('#Main');

//砍价成功弹窗
function cutSuccess(){
	$("body").append(`
		<div id="cutMask">
			<div class="shareMask"></div>
			<div class="cutMod bg-w">
				<a class="close">×</a>
				<div class="photo">
					<img src="image/test/pro-3.png" />
				</div>
				<div class="name">谢谢你帮我砍了4.00元</div>
				<a class="btn">我也要砍价免费拿</a>
			</div>
		</div>
	`);
	//关闭
	$('#cutMask .close').click(function(){
		$("#cutMask").fadeOut(function(){
			$("#cutMask").remove();
		});
	});
	//我也要砍价免费拿
	$('#cutMask .btn').click(function(){
		$("#cutMask").remove();
		openShare();
	});
};


//已砍价弹窗
function cutedMask(){
	$("body").append(`
		<div id="cutMask">
			<div class="shareMask"></div>
			<div class="cutMod bg-w">
				<a class="close">×</a>
				<div class="sub_name">已帮他砍价</div>
				<a class="btn">我也要砍价免费拿</a>
			</div>
		</div>
	`);
	//关闭
	$('#cutMask .close').click(function(){
		$("#cutMask").fadeOut(function(){
			$("#cutMask").remove();
		});
	});
	//我也要砍价免费拿
	$('#cutMask .btn').click(function(){
		$("#cutMask").remove();
		openShare();
	});
};

//未登录用户弹窗
function unloginMask(){
	$("body").append(`
		<div id="cutMask">
			<div class="shareMask"></div>
			<div class="cutMod bg-w">
				<a class="close">×</a>
				<div class="name">绑定手机，成为会员参与活动</div>
				<div class="form">
					<form>
						<div class="bottom-line">
							<input type="tel" class="max" placeholder="请输入手机号" />
						</div>
						<div class="bottom-line flex-row yzm-box">
							<input type="tel" class="flex-full mid" placeholder="请输入验证码" />
							<button class="yzm" type="button">获取验证码</button>
						</div>
					</form>
				</div>
				<a class="btn">参与活动</a>
			</div>
		</div>
	`);
	//关闭
	$('#cutMask .close').click(function(){
		$("#cutMask").fadeOut(function(){
			$("#cutMask").remove();
		});
	});
	//验证手机号
	$('#cutMask .btn').click(function(){
		$("#cutMask").remove();
		//openShare();
	});
};


	
</script>

</body>
</html>
